<template>
  <!--明细页面弹出框-->
  <el-dialog
    title="大小额贷记往账手工处理审核明细"
    center
    :visible.sync="open"
    width="1024px"
    :close-on-click-modal="true"
    @close="closeFn"
  >
    <el-form ref="detailsForm" :model="formData" label-width="165px">
      <!-- 报文号 111.001.01 -->
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'hvps.111.001.01'">
        <div slot="header" class="label-header-msg">
          <span>基本信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="交易流水号：" prop="id">
              <el-input v-model="formData.id" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="工作日期：" prop="workdate">
              <el-date-picker
                v-model="formData.workdate"
                type="date"
                value-format="yyyyMMdd"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="CPG日期：" prop="cpgdate">
              <el-date-picker
                v-model="formData.cpgdate"
                type="date"
                value-format="yyyyMMdd"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="业务优先级：" prop="bizPriority">
              <el-select v-model="formData.bizPriority" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.PRIORITY3CODE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="来源：" prop="source">
              <el-select v-model="formData.source" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.TXN_SOURCE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="记账标志：" prop="cbflag">
              <el-select v-model="formData.cbflag" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.CBFLAG"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="操作类型：" prop="nstpOptype">
              <el-select v-model="formData.nstpOptype" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap['Cnaps2Dict.NstpOptype']"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="业务类型：" prop="bizTypeCode">
              <el-select v-model="formData.bizTypeCode" placeholder="" disabled style="width: 100%">
                <el-option
                  v-for="dict in dictMap.BIZ_TYPE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="业务种类：" prop="bizCtgyCode">
              <el-select style="width: 100%" v-model="formData.bizCtgyCode" placeholder="业务状态" :disabled="true">
                <el-option
                  v-for="dict in dictMap.BIZ_CTGY"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'hvps.111.001.01'">
        <div slot="header" class="label-header-msg">
          <span>付款人信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款行行号：" prop="payerBrno">
              <el-input v-model="formData.payerBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款行行名：" prop="payerBrname">
              <el-input v-model="formData.payerBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人开户行行号：" prop="payerAccBrno">
              <el-input v-model="formData.payerAccBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款人开户行行名：" prop="payerAccBrname">
              <el-input v-model="formData.payerAccBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人账号：" prop="payerActno">
              <el-input v-model="formData.payerActno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款人名称：" prop="payerName">
              <el-input v-model="formData.payerName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人地址：" prop="payerAddr">
              <el-input v-model="formData.payerAddr" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'hvps.111.001.01'">
        <div slot="header" class="label-header-msg">
          <span>收款人信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款人账号：" prop="payeeActno">
              <el-input v-model="formData.payeeActno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="收款人名称：" prop="payeeName">
              <el-input v-model="formData.payeeName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款人地址：" prop="payeeAddr">
              <el-input v-model="formData.payeeAddr" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <div v-if="this.formData.bizTypeCode==='A105'||this.formData.nstpOptype==='06'||this.formData.nstpOptype==='02'">
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款行行号：" prop="payeeBrno">
              <el-input v-model="formData.payeeBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="收款行行名：" prop="payeeBrname">
              <el-input v-model="formData.payeeBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
          <el-row type="flex">
            <el-col :span="12">
              <el-form-item label="收款人开户行行号：" prop="payeeAccBrno">
                <el-input v-model="formData.payeeAccBrno" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款人开户行行名：" prop="payeeAccBrname">
                <el-input v-model="formData.payeeAccBrname" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
        </div>
        <div v-if="this.formData.bizTypeCode!=='A105'&& this.formData.nstpOptype==='04'">
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款行行号(修改前)：" prop="payeeBrno">
              <el-input v-model="formData.payeeBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="收款行行号(修改后)：" prop="payeeBrnoNew">
              <el-input v-model="formData.payeeBrnoNew" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="收款行行名(修改前)：" prop="payeeBrname">
              <el-input v-model="formData.payeeBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="收款行行名(修改后)：" prop="payeeBrnameNew">
              <el-input v-model="formData.payeeBrnameNew" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款人开户行行号(修改前)：" prop="payeeAccBrno">
              <el-input v-model="formData.payeeAccBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="收款人开户行行号(修改后)：" prop="payeeAccBrnoNew">
              <el-input v-model="formData.payeeAccBrnoNew" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="收款人开户行行名(修改前)：" prop="payeeAccBrname">
              <el-input v-model="formData.payeeAccBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="收款人开户行行名(修改后)：" prop="payeeAccBrnameNew">
              <el-input v-model="formData.payeeAccBrnameNew" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        </div>
      </el-card>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'hvps.111.001.01'">
        <div slot="header" class="label-header-msg">
          <span>手工处理信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="交易货币：" prop="curcd">
              <el-input v-model="formData.curcd" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="金额：" prop="amount">
              <el-input v-model="formData.amount" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="录入操作员：" prop="mdTlrno">
              <el-input v-model="formData.mdTlrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="录入时间：" prop="mdTime">
              <el-date-picker
                v-model="formData.mdTime"
                type="datetime"
                value-format="yyyyMMddHHmmss"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="non-stp类型：" prop="nstpType">
              <el-select v-model="formData.nstpType" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.STP_TYPE"
                  :key="dict.value"
                  :label="`${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="non-STP原因：" prop="nstpRemarks">
              <el-input type="textarea" v-model="formData.nstpRemarks" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row  v-if="this.formData.bizTypeCode==='A105'">
          <el-col :span="24">
            <el-form-item label="退汇原因：" prop="reason">
              <el-input type="textarea" v-model="formData.reason" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!-- 报文号 112.001.01 -->
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'hvps.112.001.01'">
        <div slot="header" class="label-header-msg">
          <span>基本信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="交易流水号：" prop="id">
              <el-input v-model="formData.id" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="CPG日期：" prop="cpgdate">
              <el-date-picker
                v-model="formData.cpgdate"
                type="date"
                value-format="yyyyMMdd"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="工作日期：" prop="workdate">
              <el-date-picker
                v-model="formData.workdate"
                type="date"
                value-format="yyyyMMdd"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="业务优先级：" prop="bizPriority">
              <el-select v-model="formData.bizPriority" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.PRIORITY3CODE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="来源：" prop="source">
              <el-select v-model="formData.source" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.TXN_SOURCE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="记账标志：" prop="cbflag">
              <el-select v-model="formData.cbflag" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.CBFLAG"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="操作类型：" prop="nstpOptype">
              <el-select v-model="formData.nstpOptype" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap['Cnaps2Dict.NstpOptype']"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="业务类型：" prop="bizTypeCode">
              <el-select v-model="formData.bizTypeCode" placeholder="" disabled style="width: 100%">
                <el-option
                  v-for="dict in dictMap.BIZ_TYPE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="业务种类：" prop="bizCtgyCode">
              <el-select style="width: 100%" v-model="formData.bizCtgyCode" placeholder="业务状态" :disabled="true">
                <el-option
                  v-for="dict in dictMap.BIZ_CTGY"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'hvps.112.001.01'">
        <div slot="header" class="label-header-msg">
          <span>付款人信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款行行号：" prop="payerBrno">
              <el-input v-model="formData.payerBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款行行名：" prop="payerBrname">
              <el-input v-model="formData.payerBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人开户行行号：" prop="payerAccBrno">
              <el-input v-model="formData.payerAccBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款人开户行行名：" prop="payerAccBrname">
              <el-input v-model="formData.payerAccBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人账号：" prop="payerActno">
              <el-input v-model="formData.payerActno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款人名称：" prop="payerName">
              <el-input v-model="formData.payerName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人地址：" prop="payerAddr">
              <el-input v-model="formData.payerAddr" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'hvps.112.001.01'">
        <div slot="header" class="label-header-msg">
          <span>收款人信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款人账号：" prop="payeeActno">
              <el-input v-model="formData.payeeActno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="收款人名称：" prop="payeeName">
              <el-input v-model="formData.payeeName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款人地址：" prop="payeeAddr">
              <el-input v-model="formData.payeeAddr" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <div v-if="this.formData.bizTypeCode==='A105'||this.formData.nstpOptype==='06'||this.formData.nstpOptype==='02'">
          <el-row type="flex">
            <el-col :span="12">
              <el-form-item label="收款行行号：" prop="payeeBrno">
                <el-input v-model="formData.payeeBrno" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款行行名：" prop="payeeBrname">
                <el-input v-model="formData.payeeBrname" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row type="flex">
            <el-col :span="12">
              <el-form-item label="收款人开户行行号：" prop="payeeAccBrno">
                <el-input v-model="formData.payeeAccBrno" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款人开户行行名：" prop="payeeAccBrname">
                <el-input v-model="formData.payeeAccBrname" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
        </div>
        <div v-if="this.formData.bizTypeCode!=='A105'&& this.formData.nstpOptype==='04'">
          <el-row type="flex">
            <el-col :span="12">
              <el-form-item label="收款行行号(修改前)：" prop="payeeBrno">
                <el-input v-model="formData.payeeBrno" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款行行号(修改后)：" prop="payeeBrnoNew">
                <el-input v-model="formData.payeeBrnoNew" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="收款行行名(修改前)：" prop="payeeBrname">
                <el-input v-model="formData.payeeBrname" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款行行名(修改后)：" prop="payeeBrnameNew">
                <el-input v-model="formData.payeeBrnameNew" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row type="flex">
            <el-col :span="12">
              <el-form-item label="收款人开户行行号(修改前)：" prop="payeeAccBrno">
                <el-input v-model="formData.payeeAccBrno" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款人开户行行号(修改后)：" prop="payeeAccBrnoNew">
                <el-input v-model="formData.payeeAccBrnoNew" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="收款人开户行行名(修改前)：" prop="payeeAccBrname">
                <el-input v-model="formData.payeeAccBrname" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款人开户行行名(修改后)：" prop="payeeAccBrnameNew">
                <el-input v-model="formData.payeeAccBrnameNew" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
        </div>
      </el-card>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'hvps.112.001.01'">
        <div slot="header" class="label-header-msg">
          <span>手工处理信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="交易货币：" prop="curcd">
              <el-input v-model="formData.curcd" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="金额：" prop="amount">
              <el-input v-model="formData.amount" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="拆借利率：" prop="lendIntRate">
              <el-input v-model="formData.lendIntRate" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="拆借期限：" prop="lendDline">
              <el-input v-model="formData.lendDline" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="附言：" prop="remarks">
              <el-input type="textarea" v-model="formData.remarks" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="录入操作员：" prop="mdTlrno">
              <el-input v-model="formData.mdTlrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="录入时间：" prop="mdTime">
              <el-date-picker
                v-model="formData.mdTime"
                type="datetime"
                value-format="yyyyMMddHHmmss"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="non-stp类型：" prop="nstpType">
              <el-select v-model="formData.nstpType" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.STP_TYPE"
                  :key="dict.value"
                  :label="`${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="non-STP原因：" prop="nstpRemarks">
              <el-input type="textarea" v-model="formData.nstpRemarks" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!-- 报文号 121.001.01 -->
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'beps.121.001.01'">
        <div slot="header" class="label-header-msg">
          <span>基本信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="交易流水号：" prop="id">
              <el-input v-model="formData.id" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="CPG日期：" prop="cpgdate">
              <el-date-picker
                v-model="formData.cpgdate"
                type="date"
                value-format="yyyyMMdd"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="工作日期：" prop="workdate">
              <el-date-picker
                v-model="formData.workdate"
                type="date"
                value-format="yyyyMMdd"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="来源：" prop="source">
              <el-select v-model="formData.source" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.TXN_SOURCE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="记账标志：" prop="cbflag">
              <el-select v-model="formData.cbflag" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.CBFLAG"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="业务类型：" prop="bizTypeCode">
              <el-select v-model="formData.bizTypeCode" placeholder="" disabled style="width: 100%">
                <el-option
                  v-for="dict in dictMap.BIZ_TYPE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="业务种类：" prop="bizCtgyCode">
              <el-select style="width: 100%" v-model="formData.bizCtgyCode" placeholder="业务状态" :disabled="true">
                <el-option
                  v-for="dict in dictMap.BIZ_CTGY"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="操作类型：" prop="nstpOptype">
              <el-select v-model="formData.nstpOptype" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap['Cnaps2Dict.NstpOptype']"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'beps.121.001.01'">
        <div slot="header" class="label-header-msg">
          <span>付款人信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人账号：" prop="payerActno">
              <el-input v-model="formData.payerActno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款人名称：" prop="payerName">
              <el-input v-model="formData.payerName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人地址：" prop="payerAddr">
              <el-input v-model="formData.payerAddr" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款行行号：" prop="payerBrno">
              <el-input v-model="formData.payerBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款行行名：" prop="payerBrname">
              <el-input v-model="formData.payerBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人开户行行号：" prop="payerAccBrno">
              <el-input v-model="formData.payerAccBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款人开户行行名：" prop="payerAccBrname">
              <el-input v-model="formData.payerAccBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'beps.121.001.01'">
        <div slot="header" class="label-header-msg">
          <span>收款人信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款人账号：" prop="payeeActno">
              <el-input v-model="formData.payeeActno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="收款人名称：" prop="payeeName">
              <el-input v-model="formData.payeeName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款人地址：" prop="payeeAddr">
              <el-input v-model="formData.payeeAddr" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <div v-if="this.formData.bizTypeCode==='A105'||this.formData.nstpOptype==='06'||this.formData.nstpOptype==='02'">
          <el-row type="flex">
            <el-col :span="12">
              <el-form-item label="收款行行号：" prop="payeeBrno">
                <el-input v-model="formData.payeeBrno" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款行行名：" prop="payeeBrname">
                <el-input v-model="formData.payeeBrname" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row type="flex">
            <el-col :span="12">
              <el-form-item label="收款人开户行行号：" prop="payeeAccBrno">
                <el-input v-model="formData.payeeAccBrno" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款人开户行行名：" prop="payeeAccBrname">
                <el-input v-model="formData.payeeAccBrname" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
        </div>
        <div v-if="this.formData.bizTypeCode!=='A105'&& this.formData.nstpOptype==='04'">
          <el-row type="flex">
            <el-col :span="12">
              <el-form-item label="收款行行号(修改前)：" prop="payeeBrno">
                <el-input v-model="formData.payeeBrno" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款行行号(修改后)：" prop="payeeBrnoNew">
                <el-input v-model="formData.payeeBrnoNew" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="收款行行名(修改前)：" prop="payeeBrname">
                <el-input v-model="formData.payeeBrname" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款行行名(修改后)：" prop="payeeBrnameNew">
                <el-input v-model="formData.payeeBrnameNew" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row type="flex">
            <el-col :span="12">
              <el-form-item label="收款人开户行行号(修改前)：" prop="payeeAccBrno">
                <el-input v-model="formData.payeeAccBrno" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款人开户行行号(修改后)：" prop="payeeAccBrnoNew">
                <el-input v-model="formData.payeeAccBrnoNew" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="收款人开户行行名(修改前)：" prop="payeeAccBrname">
                <el-input v-model="formData.payeeAccBrname" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款人开户行行名(修改后)：" prop="payeeAccBrnameNew">
                <el-input v-model="formData.payeeAccBrnameNew" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
        </div>
      </el-card>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'beps.121.001.01'">
        <div slot="header" class="label-header-msg">
          <span>手工处理信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="交易货币：" prop="curcd">
              <el-input v-model="formData.curcd" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="金额：" prop="amount">
              <el-input v-model="formData.amount" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="录入操作员：" prop="mdTlrno">
              <el-input v-model="formData.mdTlrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="录入时间：" prop="mdTime">
              <el-date-picker
                v-model="formData.mdTime"
                type="datetime"
                value-format="yyyyMMddHHmmss"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="non-stp类型：" prop="nstpType">
              <el-select v-model="formData.nstpType" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.STP_TYPE"
                  :key="dict.value"
                  :label="`${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="non-STP原因：" prop="nstpRemarks">
              <el-input type="textarea" v-model="formData.nstpRemarks" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row  v-if="this.formData.bizTypeCode==='A105'">
          <el-col :span="24">
            <el-form-item label="退汇原因：" prop="reason">
              <el-input type="textarea" v-model="formData.reason" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!-- 报文号 122.001.01 -->
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'beps.122.001.01'">
        <div slot="header" class="label-header-msg">
          <span>基本信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="交易流水号：" prop="id">
              <el-input v-model="formData.id" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="CPG日期：" prop="cpgdate">
              <el-date-picker
                v-model="formData.cpgdate"
                type="date"
                value-format="yyyyMMdd"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="工作日期：" prop="workdate">
              <el-date-picker
                v-model="formData.workdate"
                type="date"
                value-format="yyyyMMdd"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="操作类型：" prop="nstpOptype">
              <el-select v-model="formData.nstpOptype" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap['Cnaps2Dict.NstpOptype']"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="记账标志：" prop="cbflag">
              <el-select v-model="formData.cbflag" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.CBFLAG"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="业务类型：" prop="bizTypeCode">
              <el-select v-model="formData.bizTypeCode" placeholder="" disabled style="width: 100%">
                <el-option
                  v-for="dict in dictMap.BIZ_TYPE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="业务种类：" prop="bizCtgyCode">
              <el-select style="width: 100%" v-model="formData.bizCtgyCode" placeholder="业务状态" :disabled="true">
                <el-option
                  v-for="dict in dictMap.BIZ_CTGY"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'beps.122.001.01'">
        <div slot="header" class="label-header-msg">
          <span>付款人信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人账号：" prop="payerActno">
              <el-input v-model="formData.payerActno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款人名称：" prop="payerName">
              <el-input v-model="formData.payerName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人地址：" prop="payerAddr">
              <el-input v-model="formData.payerAddr" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款行行号：" prop="payerBrno">
              <el-input v-model="formData.payerBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款行行名：" prop="payerBrname">
              <el-input v-model="formData.payerBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人开户行行号：" prop="payerAccBrno">
              <el-input v-model="formData.payerAccBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款人开户行行名：" prop="payerAccBrname">
              <el-input v-model="formData.payerAccBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'beps.122.001.01'">
        <div slot="header" class="label-header-msg">
          <span>收款人信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款人账号：" prop="payeeActno">
              <el-input v-model="formData.payeeActno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="收款人名称：" prop="payeeName">
              <el-input v-model="formData.payeeName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款人地址：" prop="payeeAddr">
              <el-input v-model="formData.payeeAddr" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <div v-if="this.formData.bizTypeCode==='A105'||this.formData.nstpOptype==='06'||this.formData.nstpOptype==='02'">
          <el-row type="flex">
            <el-col :span="12">
              <el-form-item label="收款行行号：" prop="payeeBrno">
                <el-input v-model="formData.payeeBrno" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款行行名：" prop="payeeBrname">
                <el-input v-model="formData.payeeBrname" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
        </div>
        <div v-if="this.formData.bizTypeCode!=='A105'&& this.formData.nstpOptype==='04'">
          <el-row type="flex">
            <el-col :span="12">
              <el-form-item label="收款行行号(修改前)：" prop="payeeBrno">
                <el-input v-model="formData.payeeBrno" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款行行号(修改后)：" prop="payeeBrnoNew">
                <el-input v-model="formData.payeeBrnoNew" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="收款行行名(修改前)：" prop="payeeBrname">
                <el-input v-model="formData.payeeBrname" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款行行名(修改后)：" prop="payeeBrnameNew">
                <el-input v-model="formData.payeeBrnameNew" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款人开户行行号(修改前)：" prop="payeeAccBrno">
              <el-input v-model="formData.payeeAccBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="收款人开户行行号(修改后)：" prop="payeeAccBrnoNew">
              <el-input v-model="formData.payeeAccBrnoNew" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="收款人开户行行名(修改前)：" prop="payeeAccBrname">
              <el-input v-model="formData.payeeAccBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="收款人开户行行名(修改后)：" prop="payeeAccBrnameNew">
              <el-input v-model="formData.payeeAccBrnameNew" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        </div>
      </el-card>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'beps.122.001.01'">
        <div slot="header" class="label-header-msg">
          <span>国库资金划拨附加域</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="信息流水号：" prop="flownb1">
              <el-input v-model="formData.flownb1" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="上报国库代码：" prop="reportCode1">
              <el-input v-model="formData.reportCode1" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="接收国库代码：" prop="receiveCode1">
              <el-input v-model="formData.receiveCode1" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="报表日期：" prop="reprotDate1">
              <el-date-picker
                v-model="formData.reprotDate1"
                type="date"
                value-format="yyyyMMdd"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="报表序号：" prop="reprotNo1">
              <el-input v-model="formData.reprotNo1" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="预算级次：" prop="budgetLevel1">
              <el-select v-model="formData.budgetLevel1" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.BUDGETLEVELCODE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="调整期标志：" prop="indicatorCode1">
              <el-select v-model="formData.indicatorCode1" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.INDICATOR_CODE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="预算种类：" prop="budgetType1">
              <el-select v-model="formData.budgetType1" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.BUDGETTYPECODE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="明细汇总金额币种：" prop="dtlCurcd1">
              <el-input v-model="formData.dtlCurcd1" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="明细汇总金额：" prop="dtlAmount1">
              <el-input v-model="formData.dtlAmount1" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="明细条数：" prop="dtlNum1">
              <el-input v-model="formData.dtlNum1" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <ht-table
        ref="dataTable"
        v-if="this.formData.pkgNo === 'beps.122.001.01' && this.formData.bizTypeCode === 'A104'"
        :showSerialNumber="false"
        :multi-select="false"
        :initData="false"
        :dictMap="dictMap"
        :reqConfig="reqConfig1"
        :queryParams="queryParams1"
        :tableBindColumns="tableBindColumns1"
        defaultEventKey="detailsTable"
        style="height: 240px"
      >
        <template v-slot:operate>
          <el-table-column label="操作" align="center" width="120" fixed="right" class-name="small-padding fixed-width">
            <template slot-scope="scope">
              <ht-button-group
                :buttonList="[
                  {
                    label: '明细',
                    // permission: 'user:xxx:xxx',
                    doFunc: () => {
                      handleAction('detials1', scope.row);
                    },
                  },
                ]"
              />
            </template>
          </el-table-column>
        </template>
      </ht-table>
      <ht-table
        ref="dataTable"
        v-if="this.formData.pkgNo === 'beps.122.001.01' && this.formData.bizTypeCode === 'A307'"
        :showSerialNumber="false"
        :multi-select="false"
        :initData="false"
        :dictMap="dictMap"
        :reqConfig="reqConfig2"
        :queryParams="queryParams2"
        :tableBindColumns="tableBindColumns2"
        defaultEventKey="detailsTable"
        style="height: 240px"
      >
        <template v-slot:operate>
          <el-table-column label="操作" align="center" width="120" fixed="right" class-name="small-padding fixed-width">
            <template slot-scope="scope">
              <ht-button-group
                :buttonList="[
                  {
                    label: '明细',
                    // permission: 'user:xxx:xxx',
                    doFunc: () => {
                      handleAction('detials2', scope.row);
                    },
                  },
                ]"
              />
            </template>
          </el-table-column>
        </template>
      </ht-table>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'beps.122.001.01'">
        <div slot="header" class="label-header-msg">
          <span>手工处理信息</span>
        </div>
        <el-row>
          <el-col :span="12">
            <el-form-item label="录入操作员：" prop="mdTlrno">
              <el-input v-model="formData.mdTlrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="录入时间：" prop="mdTime">
              <el-date-picker
                v-model="formData.mdTime"
                type="datetime"
                value-format="yyyyMMddHHmmss"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="non-stp类型：" prop="nstpType">
              <el-select v-model="formData.nstpType" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.STP_TYPE"
                  :key="dict.value"
                  :label="`${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="non-STP原因：" prop="nstpRemarks">
              <el-input type="textarea" v-model="formData.nstpRemarks" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row  v-if="this.formData.bizTypeCode==='A105'">
          <el-col :span="24">
            <el-form-item label="退汇原因：" prop="reason">
              <el-input type="textarea" v-model="formData.reason" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <!-- 报文号 115.001.01 -->
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'hvps.115.001.01'">
        <div slot="header" class="label-header-msg">
          <span>基本信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="交易流水号：" prop="id">
              <el-input v-model="formData.id" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="工作日期：" prop="workdate">
              <el-date-picker
                v-model="formData.workdate"
                type="date"
                value-format="yyyyMMdd"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="CPG日期：" prop="cpgdate">
              <el-date-picker
                v-model="formData.cpgdate"
                type="date"
                value-format="yyyyMMdd"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="业务优先级：" prop="bizPriority">
              <el-select v-model="formData.bizPriority" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.PRIORITY3CODE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="来源：" prop="source">
              <el-select v-model="formData.source" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.TXN_SOURCE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="记账标志：" prop="cbflag">
              <el-select v-model="formData.cbflag" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.CBFLAG"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="操作类型：" prop="nstpOptype">
              <el-select v-model="formData.nstpOptype" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap['Cnaps2Dict.NstpOptype']"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="业务类型：" prop="bizTypeCode">
              <el-select v-model="formData.bizTypeCode" placeholder="" disabled style="width: 100%">
                <el-option
                  v-for="dict in dictMap.BIZ_TYPE"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="业务种类：" prop="bizCtgyCode">
              <el-select style="width: 100%" v-model="formData.bizCtgyCode" placeholder="业务状态" :disabled="true">
                <el-option
                  v-for="dict in dictMap.BIZ_CTGY"
                  :key="dict.value"
                  :label="`${dict.value}-${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'hvps.115.001.01'">
        <div slot="header" class="label-header-msg">
          <span>付款人信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人账号：" prop="payerActno">
              <el-input v-model="formData.payerActno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款人名称：" prop="payerName">
              <el-input v-model="formData.payerName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人地址：" prop="payerAddr">
              <el-input v-model="formData.payerAddr" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款行行号：" prop="payerBrno">
              <el-input v-model="formData.payerBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款行行名：" prop="payerBrname">
              <el-input v-model="formData.payerBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="付款人开户行行号：" prop="payerAccBrno">
              <el-input v-model="formData.payerAccBrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="付款人开户行行名：" prop="payerAccBrname">
              <el-input v-model="formData.payerAccBrname" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'hvps.115.001.01'">
        <div slot="header" class="label-header-msg">
          <span>收款人信息</span>
        </div>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款人账号：" prop="payeeActno">
              <el-input v-model="formData.payeeActno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="收款人名称：" prop="payeeName">
              <el-input v-model="formData.payeeName" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="收款人地址：" prop="payeeAddr">
              <el-input v-model="formData.payeeAddr" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <div v-if="this.formData.bizTypeCode==='A105'||this.formData.nstpOptype==='06'||this.formData.nstpOptype==='02'">
          <el-row type="flex">
            <el-col :span="12">
              <el-form-item label="收款行行号：" prop="payeeBrno">
                <el-input v-model="formData.payeeBrno" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款行行名：" prop="payeeBrname">
                <el-input v-model="formData.payeeBrname" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row type="flex">
            <el-col :span="12">
              <el-form-item label="收款人开户行行号：" prop="payeeAccBrno">
                <el-input v-model="formData.payeeAccBrno" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款人开户行行名：" prop="payeeAccBrname">
                <el-input v-model="formData.payeeAccBrname" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
        </div>
        <div v-if="this.formData.bizTypeCode!=='A105'&& this.formData.nstpOptype==='04'">
          <el-row type="flex">
            <el-col :span="12">
              <el-form-item label="收款行行号(修改前)：" prop="payeeBrno">
                <el-input v-model="formData.payeeBrno" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款行行号(修改后)：" prop="payeeBrnoNew">
                <el-input v-model="formData.payeeBrnoNew" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="收款行行名(修改前)：" prop="payeeBrname">
                <el-input v-model="formData.payeeBrname" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款行行名(修改后)：" prop="payeeBrnameNew">
                <el-input v-model="formData.payeeBrnameNew" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row type="flex">
            <el-col :span="12">
              <el-form-item label="收款人开户行行号(修改前)：" prop="payeeAccBrno">
                <el-input v-model="formData.payeeAccBrno" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款人开户行行号(修改后)：" prop="payeeAccBrnoNew">
                <el-input v-model="formData.payeeAccBrnoNew" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="收款人开户行行名(修改前)：" prop="payeeAccBrname">
                <el-input v-model="formData.payeeAccBrname" placeholder="" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="收款人开户行行名(修改后)：" prop="payeeAccBrnameNew">
                <el-input v-model="formData.payeeAccBrnameNew" placeholder="" disabled />
              </el-form-item>
            </el-col>
          </el-row>
        </div>
      </el-card>
      <el-card class="form-card payerInfo-card" v-if="this.formData.pkgNo === 'hvps.115.001.01'">
        <div slot="header" class="label-header-msg">
          <span>手工处理信息</span>
        </div>
        <el-row type="flex" v-if="this.formData.pkgNo != 'beps.122.001.01'">
          <el-col :span="12">
            <el-form-item label="交易货币：" prop="curcd">
              <el-input v-model="formData.curcd" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="金额：" prop="amount">
              <el-input v-model="formData.amount" disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="录入操作员：" prop="mdTlrno">
              <el-input v-model="formData.mdTlrno" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="录入时间：" prop="mdTime">
              <el-date-picker
                v-model="formData.mdTime"
                type="datetime"
                value-format="yyyyMMddHHmmss"
                placeholder=""
                disabled
                style="width: 100%"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="non-stp类型：" prop="nstpType">
              <el-select v-model="formData.nstpType" placeholder="" style="width: 100%" disabled>
                <el-option
                  v-for="dict in dictMap.STP_TYPE"
                  :key="dict.value"
                  :label="`${dict.text}`"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="non-STP原因：" prop="nstpRemarks">
              <el-input type="textarea" v-model="formData.nstpRemarks" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row  v-if="this.formData.bizTypeCode==='A105'">
          <el-col :span="24">
            <el-form-item label="退汇原因：" prop="reason">
              <el-input type="textarea" v-model="formData.reason" placeholder="" disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="approveFn" :loading="isLoading">审核</el-button>
      <el-button type="danger" @click="rejectFn" :loading="isLoading">拒绝</el-button>
      <el-button @click="closeFn">关闭</el-button>
    </div>
    <!-- 明细弹出框 -->
    <details-dialog
      ref="detailsDialog"
      :dictMap="dictMap"
      :innerFormData.sync="innerFormData"
      :isA104="isA104"
    ></details-dialog>
  </el-dialog>
</template>
<script>
import {
  approve,
  reject,
  details104ApiUrlConfig,
  details307ApiUrlConfig,
  approve111,
  approve112,
  approve115,
  approve121,
  approve122,
  reject111,
  reject112,
  reject115,
  reject121,
  reject122,
} from "@/api/cnaps/beps/baseHandWork/hvps_beps_credit_nostro_hdwk_approve.js";
import DetailsDialog from "./HvpsBepsCreditNostroHdWkApproveInnerDetails";
export default {
  name: "HvpsBepsCreditNostroHdWkApproveDetails",
  components: { DetailsDialog },
  props: {
    dictMap: {
      type: Object,
      default: () => {
        return {};
      },
    },
    formData: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  data() {
    return {
      isA104: "",
      innerFormData: {
        //104
        deptCode: "",
        subjectCode: "",
        curcd: "",
        amount: "",
        // 307
        debtBankType: "",
        capitalCode: "",
        capitalCurcd: "",
        capitalAmount: "",
        accrualCode: "",
        accrualCurcd: "",
        accrualAmount: "",
      },
      //table的查询接口
      reqConfig1: details104ApiUrlConfig,
      reqConfig2: details307ApiUrlConfig,
      //table的查询参数
      queryParams1: {
        id: "",
      },
      queryParams2: {
        id: "",
      },
      // 是否显示弹出层
      open: false,
      isLoading: false,
      tableBindColumns1: [
        { label: `征收机关大类代码`, prop: "deptCode", width: "250", align: "center" },
        {
          label: `预算科目代码`,
          prop: "subjectCode",
          width: "250",
          align: "center",
        },
        {
          label: `发生额`,
          prop: "amount",
          width: "250",
          align: "center",
        },
      ],
      tableBindColumns2: [
        { label: `兑付国债银行大类`, prop: "debtBankType", width: "250", align: "center" },
        {
          label: `本金代码`,
          prop: "capitalCode",
          width: "250",
          align: "center",
        },
        {
          label: `本金金额`,
          prop: "capitalAmount",
          width: "250",
          align: "center",
          type: "price",
        },
        {
          label: `利息代码`,
          prop: "accrualCode",
          width: "250",
          align: "center",
        },
        {
          label: `利息金额`,
          prop: "accrualAmount",
          width: "250",
          align: "center",
          type: "price",
        },
      ],
    };
  },
  mounted() {},
  watch: {
    open(d) {
      if (d && this.formData.pkgNo === "beps.122.001.01") {
        this.$nextTick(() => {
          this.$set(this.queryParams1, "id", this.formData.id);
          this.$set(this.queryParams2, "id", this.formData.id);
          this.$refs.dataTable.doQuery();
        });
      }
    },
  },
  methods: {
    /** 明细按钮操作 */
    handleAction(type, row) {
      switch (type) {
        case "detials1":
          // 明细信息
          this.isA104 = true;
          this.innerFormData = _.clone(row);
          this.$refs.detailsDialog.show();
          break;
        case "detials2":
          // 明细信息
          this.isA104 = false;
          this.innerFormData = row;
          this.$refs.detailsDialog.show();
          break;
      }
    },
    //审核
    approveFn() {
      if (this.formData.pkgNo === "hvps.111.001.01") {
        this.isLoading = true;
        approve111({ ...this.formData })
          .then((res) => {
            this.isLoading = false;
            this.$emit("editComplete", true);
            this.msgSuccess("成功!");
            this.closeFn();
          })
          .catch((err) => {
            this.isLoading = false;
          });
      } else if (this.formData.pkgNo === "hvps.112.001.01") {
        approve112({ ...this.formData })
          .then((res) => {
            this.isLoading = false;
            this.$emit("editComplete", true);
            this.msgSuccess("成功!");
            this.closeFn();
          })
          .catch((err) => {
            this.isLoading = false;
          });
      } else if (this.formData.pkgNo === "hvps.115.001.01") {
        approve115({ ...this.formData })
          .then((res) => {
            this.isLoading = false;
            this.$emit("editComplete", true);
            this.msgSuccess("成功!");
            this.closeFn();
          })
          .catch((err) => {
            this.isLoading = false;
          });
      } else if (this.formData.pkgNo === "beps.121.001.01") {
        approve121({ ...this.formData })
          .then((res) => {
            this.isLoading = false;
            this.$emit("editComplete", true);
            this.msgSuccess("成功!");
            this.closeFn();
          })
          .catch((err) => {
            this.isLoading = false;
          });
      } else if (this.formData.pkgNo === "beps.122.001.01") {
        approve122({ ...this.formData })
          .then((res) => {
            this.isLoading = false;
            this.$emit("editComplete", true);
            this.msgSuccess("成功!");
            this.closeFn();
          })
          .catch((err) => {
            this.isLoading = false;
          });
      }
    },
    //拒绝
    rejectFn() {
      if (this.formData.pkgNo === "hvps.111.001.01") {
        this.isLoading = true;
        reject111({ ...this.formData })
          .then((res) => {
            this.isLoading = false;
            this.$emit("editComplete", true);
            this.msgSuccess("成功!");
            this.closeFn();
          })
          .catch((err) => {
            this.isLoading = false;
          });
      } else if (this.formData.pkgNo === "hvps.112.001.01") {
        reject112({ ...this.formData })
          .then((res) => {
            this.isLoading = false;
            this.$emit("editComplete", true);
            this.msgSuccess("成功!");
            this.closeFn();
          })
          .catch((err) => {
            this.isLoading = false;
          });
      } else if (this.formData.pkgNo === "hvps.115.001.01") {
        reject115({ ...this.formData })
          .then((res) => {
            this.isLoading = false;
            this.$emit("editComplete", true);
            this.msgSuccess("成功!");
            this.closeFn();
          })
          .catch((err) => {
            this.isLoading = false;
          });
      } else if (this.formData.pkgNo === "beps.121.001.01") {
        reject121({ ...this.formData })
          .then((res) => {
            this.isLoading = false;
            this.$emit("editComplete", true);
            this.msgSuccess("成功!");
            this.closeFn();
          })
          .catch((err) => {
            this.isLoading = false;
          });
      } else if (this.formData.pkgNo === "beps.122.001.01") {
        reject122({ ...this.formData })
          .then((res) => {
            this.isLoading = false;
            this.$emit("editComplete", true);
            this.msgSuccess("成功!");
            this.closeFn();
          })
          .catch((err) => {
            this.isLoading = false;
          });
      }
    },
    // 表单重置
    reset() {
      this.resetForm("detailsForm");
    },
    closeFn() {
      this.open = false;
      this.reset();
    },
    show() {
      this.open = true;
    },
  },
};
</script>
<style>
.label-header-msg {
  font-weight: bold;
}

.form-card {
  margin-bottom: 10px;
}
</style>
